<template>
	<div>
		<div style="margin-bottom: 20px">
			<p class="item-desc">延时方式</p>
			<el-radio-group v-model="config.type" size="small">
				<el-radio-button label="FIXED">固定时长</el-radio-button>
				<el-radio-button label="AUTO">自动计算</el-radio-button>
			</el-radio-group>
		</div>
		<div v-if="config.type === 'FIXED'">
			<el-input style="width: 180px" placeholder="时间单位" size="small" type="number" v-model="config.time">
				<template #append>
					<el-select style="width: 75px" v-model="config.unit" placeholder="请选择">
						<el-option label="天" value="D"></el-option>
						<el-option label="小时" value="H"></el-option>
						<el-option label="分钟" value="M"></el-option>
					</el-select>
				</template>
			</el-input>
			<span class="item-desc"> 后进入下一步</span>
		</div>
		<div class="item-desc" v-else>
			<el-time-picker value-format="HH:mm:ss" style="width: 150px" v-model="config.dateTime" placeholder="任意时间点"></el-time-picker>
			<span class="item-desc"> 后进入下一步</span>
		</div>
	</div>
</template>

<script>
export default {
	name: 'DelayNodeConfig',
	components: {},
	props: {
		config: {
			type: Object,
			default: () => {
				return {};
			},
		},
	},
	data() {
		return {};
	},
	methods: {},
};
</script>

<style scoped></style>
